<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width: auto;
            line-height: 32px;
            padding: 15px 30px 0px;
            border:1px red solid;
            font-size: 16px;
        }
      td{
          width: 100px;
          line-height: 32px;
          font-size: 16px;
          padding: 0px 15px;
          border: 1px yellow solid;
      }
    </style>
    <script>
        function show(){
            alert("这是一个事件");
        }

    </script>
    <script src="../js/jquery-3.6.0.min.js"></script>
</head>
<body>
<script>
    var botton_noclick=document.getElementById("botton3");
    botton_noclick.onclick=function (){
        alert("这是一个事件");
    };
</script>
<div>输入商品名称<input width="100px" height="24px"><botton id="botton3" >添加商品</botton></div>
<table>
    <tr>
        <td >商品序号</td>
        <td >商品名称</td>
    </tr>
    <tr>
        <td id="spNumbe">商品1</td>
        <td id="spName">车</td>
    </tr>
</table>
</body>
</html>